<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
</head>
<body>

<a href="#">kaka</a>

<div style="cursor: pointer;">HOLA</div>



<div data-field="propertiesPanel">
    <div data-field="template">

        <div data-field="container">
            <div class="tabbable ">
                <ul class="nav nav-tabs">
                    <li class=""><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-71"><i></i> tab pane
                    </a></li>
                    <li class=""><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-37"><i></i> Model </a>
                    </li>
                    <li class=""><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-39"><i></i> Data object
                    </a></li>
                    <li class="active"><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-41"><i></i>
                        Properties </a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane" id="gwt-uid-71"><span class="label">a ver que pasa</span></div>
                    <div class="tab-pane" id="gwt-uid-37">
                        <table cellspacing="0" cellpadding="0">
                            <tbody>
                            <tr>
                                <td align="left" style="vertical-align: top;"><span class="label">Bo que pasa 1</span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="gwt-uid-39"><span class="label">Bo que pasa 2</span></div>
                    <div class="tab-pane active" id="gwt-uid-41"></div>
                </div>
            </div>
        </div>

    </div>
</div>


<div class="tabbable ">
    <ul class="nav nav-tabs">
        <li class="active"><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-289"><i
                class="icon-google-plus"></i> Typically <img onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;"
                                                             src="http://gwtbootstrap.github.com/showcase/clear.cache.gif"
                                                             style="width: 16px; height: 16px; background: url() no-repeat 0px 0px;"
                                                             border="0" class="gwt-Image GPFTIEADEP"></a></li>
        <li class="dropdown"><a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i></i> dropdownTab
            <span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-291"><i class="icon-google-plus"></i>
                    dropdown1 <img onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;"
                                   src="http://gwtbootstrap.github.com/showcase/clear.cache.gif"
                                   style="width: 16px; height: 16px; background: url() no-repeat 0px 0px;"
                                   border="0" class="gwt-Image GPFTIEADEP"></a></li>
                <li class="divider"></li>
                <li><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-293"><i class="icon-github"></i>
                    dropdown2 </a></li>
                <li><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-295"> Right icon Tab <i
                        class="icon-github"></i></a></li>
            </ul>
        </li>
        <li class=""><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-296"><i></i> prost </a></li>
        <li class=""><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-326"><i></i><img
                onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;"
                src="http://gwtbootstrap.github.com/showcase/clear.cache.gif"
                style="width: 16px; height: 16px; background: url() no-repeat 0px 0px;"
                border="0" class="gwt-Image GPFTIEADEP"><span><strong>Custom tab</strong>?</span></a></li>
        <li class=""><a href="javascript:;" data-toggle="tab" data-target="#testTab"><i class="icon-logo"></i> manually
            <img onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;"
                 src="http://gwtbootstrap.github.com/showcase/clear.cache.gif"
                 style="width: 16px; height: 16px; background: url() no-repeat 0px 0px;"
                 border="0" class="gwt-Image GPFTIEADEP"></a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="gwt-uid-289">
            <h3>Typically Tab
                <small></small>
            </h3>
            <p>huhuhu hahha</p></div>
        <div class="tab-pane" id="gwt-uid-291">
            <h3>Dropdown1
                <small></small>
            </h3>
            <p>dropdown1</p></div>
        <div class="tab-pane" id="gwt-uid-293">
            <h3>Dropdown2
                <small></small>
            </h3>
            <p>dropdown2</p></div>
        <div class="tab-pane" id="gwt-uid-295">
            <h3>Right icon tab
                <small></small>
            </h3>
            <p>Right icon tab</p></div>
        <div class="tab-pane" id="gwt-uid-296">
            <div class="gwt-Label">Lalala</div>
        </div>
        <div class="tab-pane" id="gwt-uid-326"><span class="label label-info">loaded</span></div>
        <div class="tab-pane" id="testTab">
            <div class="gwt-Label">Huhu</div>
        </div>
    </div>
</div>


<div class="row-fluid">
    <div class="span12">
        <div><h3>TabPanel Demo</h3>

            <div class="tabbable tabs-below">
                <div class="tab-content">
                    <div class="tab-pane" id="gwt-uid-289">
                        <h3>Typically Tab
                            <small></small>
                        </h3>
                        <p>huhuhu hahha</p></div>
                    <div class="tab-pane" id="gwt-uid-291">
                        <h3>Dropdown1
                            <small></small>
                        </h3>
                        <p>dropdown1</p></div>
                    <div class="tab-pane" id="gwt-uid-293">
                        <h3>Dropdown2
                            <small></small>
                        </h3>
                        <p>dropdown2</p></div>
                    <div class="tab-pane" id="gwt-uid-295">
                        <h3>Right icon tab
                            <small></small>
                        </h3>
                        <p>Right icon tab</p></div>
                    <div class="tab-pane" id="gwt-uid-296">
                        <div class="gwt-Label">Lalala</div>
                    </div>
                    <div class="tab-pane" id="gwt-uid-326"><span class="label label-info">loaded</span></div>
                    <div class="tab-pane active" id="testTab">
                        <div class="gwt-Label">Huhu</div>
                    </div>
                </div>
                <ul class="nav nav-tabs">
                    <li class=""><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-289"><i
                            class="icon-google-plus"></i> Typically <img
                            onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;"
                            src="http://gwtbootstrap.github.com/showcase/clear.cache.gif"
                            style="width: 16px; height: 16px; background: url() no-repeat 0px 0px;"
                            border="0" class="gwt-Image GPFTIEADEP"></a></li>
                    <li class="dropdown"><a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i></i>
                        dropdownTab <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-291"><i
                                    class="icon-google-plus"></i> dropdown1 <img
                                    onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;"
                                    src="http://gwtbootstrap.github.com/showcase/clear.cache.gif"
                                    style="width: 16px; height: 16px; background: url() no-repeat 0px 0px;"
                                    border="0" class="gwt-Image GPFTIEADEP"></a></li>
                            <li class="divider"></li>
                            <li><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-293"><i
                                    class="icon-github"></i> dropdown2 </a></li>
                            <li><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-295"> Right icon Tab <i
                                    class="icon-github"></i></a></li>
                        </ul>
                    </li>
                    <li class=""><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-296"><i></i> prost </a>
                    </li>
                    <li class=""><a href="javascript:;" data-toggle="tab" data-target="#gwt-uid-326"><i></i><img
                            onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;"
                            src="http://gwtbootstrap.github.com/showcase/clear.cache.gif"
                            style="width: 16px; height: 16px; background: url() no-repeat 0px 0px;"
                            border="0" class="gwt-Image GPFTIEADEP"><span><strong>Custom tab</strong>?</span></a></li>
                    <li class="active"><a href="javascript:;" data-toggle="tab" data-target="#testTab"><i
                            class="icon-logo"></i> manually <img onload="this.__gwtLastUnhandledEvent=&quot;load&quot;;"
                                                                 src="http://gwtbootstrap.github.com/showcase/clear.cache.gif"
                                                                 style="width: 16px; height: 16px; background: url() no-repeat 0px 0px;"
                                                                 border="0" class="gwt-Image GPFTIEADEP"></a></li>
                </ul>
            </div>
        </div>
        <div class="well"><span class="label">Change Tab Position</span> <select class="">
            <option value="ABOVE">ABOVE</option>
            <option value="BELOW">BELOW</option>
            <option value="LEFT">LEFT</option>
            <option value="RIGHT">RIGHT</option>
        </select>
            <li class="divider"></li>
            <span class="label">Remove Tab</span> <a href="javascript:;" class="btn disabled"><i></i> remove first Tab
            </a></div>
    </div>
</div>
</body>
</html>


<div id="props-grid" class="x-panel x-grid-panel" style="width: 300px;">
    <div class="x-panel-bwrap" id="ext-gen1242">
        <div class="x-panel-body x-panel-body-noheader x-props-grid xedit-grid" id="ext-gen1243"
             style="width: 298px; height: auto;">
            <div class="x-grid3" hidefocus="true" id="ext-gen1255">
                <div class="x-grid3-viewport" id="ext-gen1256">
                    <div class="x-grid3-header" id="ext-gen1257">
                        <div class="x-grid3-header-inner" id="ext-gen1264">
                            <div class="x-grid3-header-offset">
                                <table border="0" cellspacing="0" cellpadding="0" style="width: 296px;">
                                    <thead>
                                    <tr class="x-grid3-hd-row">
                                        <td class="x-grid3-hd x-grid3-cell x-grid3-td-name  sort-asc"
                                            style="width: 143px;" id="ext-gen1365">
                                            <div class="x-grid3-hd-inner x-grid3-hd-name" unselectable="on" style=""
                                                 id="ext-gen1441">Name<img class="x-grid3-sort-icon"
                                                                           src="http://www.gwt-ext.com/demo/clear.cache.gif"
                                                                           id="ext-gen1564"></div>
                                        </td>
                                        <td class="x-grid3-hd x-grid3-cell x-grid3-td-value" style="width: 149px;"
                                            id="ext-gen1569">
                                            <div class="x-grid3-hd-inner x-grid3-hd-value" unselectable="on" style=""
                                                 id="ext-gen1366">Value<img class="x-grid3-sort-icon"
                                                                            src="http://www.gwt-ext.com/demo/clear.cache.gif">
                                            </div>
                                        </td>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        <div class="x-clear"></div>
                    </div>
                    <div class="x-grid3-scroller" id="ext-gen1258" style="overflow: visible;">
                        <div class="x-grid3-body" id="ext-gen1259">
                            <div class="x-grid3-row   " style="width:296px;" id="ext-gen1781">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on"
                                                 id="ext-gen1782">(name)
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on">
                                                Properties Grid
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="x-grid3-row   " style="width:296px;">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">
                                                autoFitColumns
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0" id="ext-gen1779">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on"
                                                 id="ext-gen1780">true
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="x-grid3-row   " style="width:296px;">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">
                                                borderWidth
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0" id="ext-gen1778">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on">1</div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="x-grid3-row   " style="width:296px;">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">created
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on"
                                                 id="ext-gen1777">03/28/2013
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="x-grid3-row   " style="width:296px;">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">Edit
                                                Time
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on">8:47
                                                AM
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="x-grid3-row   " style="width:296px;" id="ext-gen1776">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">
                                                grouping
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on">false
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="x-grid3-row   " style="width:296px;">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">
                                                productionQuality
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on">true
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="x-grid3-row   " style="width:296px;">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">tested
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on">false
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="x-grid3-row   " style="width:296px;">
                                <table class="x-grid3-row-table" border="0" cellspacing="0" cellpadding="0"
                                       style="width:296px;">
                                    <tbody>
                                    <tr>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-name x-grid3-cell-first "
                                            style="width:143px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-name" unselectable="on">version
                                            </div>
                                        </td>
                                        <td class="x-grid3-col x-grid3-cell x-grid3-td-value x-grid3-cell-last "
                                            style="width:149px;" tabindex="0">
                                            <div class="x-grid3-cell-inner x-grid3-col-value" unselectable="on">0.1
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <a href="#" class="x-grid3-focus" tabindex="-1" id="ext-gen1260"
                           style="left: 146px; top: 116px;"></a>

                        <div class="x-layer x-editor x-small-editor x-grid-editor" id="ext-comp-1025"
                             style="position: absolute; z-index: 11000; visibility: hidden; left: -10000px; top: -10000px; overflow: hidden;">
                            <div class="x-form-field-wrap " id="ext-gen1338" style="width: 151px; visibility: visible;">
                                <input type="text" size="10" autocomplete="off" id="ext-comp-1024" name="ext-comp-1024"
                                       class=" x-form-text x-form-field " style="width: 134px;"><img
                                    src="http://www.gwt-ext.com/demo/clear.cache.gif"
                                    class="x-form-trigger x-form-date-trigger " id="ext-gen1339"></div>
                        </div>
                        <div class="x-layer x-editor x-small-editor x-grid-editor" id="ext-comp-1030"
                             style="position: absolute; z-index: 11000; visibility: hidden; left: -10000px; top: -10000px; overflow: hidden;">
                            <select class="x-grid-editor x-form-select-one x-form-field " id="ext-gen1359"
                                    style="width: 151px;">
                                <option value="true">true</option>
                                <option value="false">false</option>
                            </select></div>
                        <div class="x-layer x-editor x-small-editor x-grid-editor" id="ext-comp-1027"
                             style="position: absolute; z-index: 11000; visibility: hidden; left: -10000px; top: -10000px; overflow: hidden;">
                            <input type="text" size="20" autocomplete="off" id="ext-comp-1026" name="ext-comp-1026"
                                   class=" x-form-text x-form-field " style="width: 151px;"></div>
                        <div class="x-layer x-editor x-small-editor x-grid-editor" id="ext-comp-1029"
                             style="position: absolute; z-index: 11000; visibility: hidden; left: -10000px; top: -10000px; overflow: hidden;">
                            <input type="text" size="20" autocomplete="off" id="ext-comp-1028" name="ext-comp-1028"
                                   class=" x-form-text x-form-field x-form-num-field "
                                   style="text-align: left; width: 151px;"></div>
                        <div class="x-layer x-editor x-small-editor x-grid-editor" id="ext-comp-1022"
                             style="position: absolute; z-index: 11000; visibility: hidden; left: -10000px; top: -10000px; overflow: hidden;">
                            <div class="x-form-field-wrap " id="ext-gen1407" style="width: 144px; visibility: visible;">
                                <input type="text" size="24" autocomplete="off" id="ext-gen1224" name="ext-gen1224"
                                       class=" x-form-text x-form-field " style="width: 127px;"><img
                                    src="http://www.gwt-ext.com/demo/clear.cache.gif"
                                    class="x-form-trigger x-form-arrow-trigger " id="ext-gen1408"></div>
                        </div>
                    </div>
                </div>
                <div class="x-grid3-resize-marker" id="ext-gen1262"
                     style="height: 233px; visibility: hidden; left: -1px; top: 1px;">&nbsp;</div>
                <div class="x-grid3-resize-proxy" id="ext-gen1263"
                     style="left: 150px; top: 0px; height: 233px; visibility: hidden;">&nbsp;</div>
            </div>
        </div>
    </div>
</div>